{% block content %}
<html>
<body>
<h1>Choose file...</h1>
<h1> {{ r.method}}</h1>
<form method='POST' action="upload" enctype="multipart/form-data">


	<table>
      <tr>
        <td style="border-style:none">
          {{ form.filename}}
        </td>
        <td style="border-style:none" id="submitButton" >
          <input type="submit" value="Cargar" onclick="startLoading()" />
        </td>
        <td id="loadingBlock" style="visibility:hidden;border-style:none">
          <img src="loading.gif" />
        </td>
       
      </tr>
    </table>
</form>
<script type="text/javascript">
  function startLoading()
  {
    var button = document.getElementById("submitButton")
    var loading = document.getElementById("loadingBlock")
    button.style.display = "none"
    loading.style.visibility = "visible"
  }
</script>
</body>
</html>
{% endblock %}